html,body{height: 100%;}
body{display: flex;flex-direction: column;}

/* header */
.head{width:100%;height: 1.59rem;border-bottom: solid 1px #f1f1f1;}
.search{height: 0.73rem;background: #c34943;padding:0.11rem 0.27rem;}
.searchCon{height:0.5rem;background: #fff;border-radius: 0.06rem;padding-top: 0.23rem;padding-left: 0.24rem;}
.searchCon .icon-sousuo{font-size: 0.3rem;color: #616161;margin-right: 0.1rem;}
.searchCon i,.searchCon span{float: left;}
.searchCon span{font-size: 0.26rem;width: 6rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color:#222222;line-height: 1;}

/* head_lists */
.head_lists{height: 0.64rem;position: relative;}
.lists_con{overflow-x: auto;padding-left: 0.1rem;}
.head_lists ul{width: 200%;}
.head_lists ul li{float: left;padding: 0 0.19rem;line-height: 0.64rem;font-size: 0.28rem;}
.head_lists ul li a{color: #1b1b1b;}
.head_lists ul .bingo{font-size: 0.32rem;}
.head_lists ul .bingo a{color: #e5645f;}

.list_icon{width: 0.74rem;height: 0.64rem;background: rgba(255,255,255,.9);position: absolute;right: 0;top:0;text-align: center;line-height: 0.64rem;}
.list_icon .icon-liebiao{font-size: 0.3rem;color: #3d3d3d;}

/* container */
.container{flex: 1;overflow-y: auto;}

/* footer */
.foot{width:100%;height: 0.79rem;border-top: solid 1px #e2e2e2;background: #f7f7f7;}
.foot_nav{width: 100%;height: 100%;}
.foot_nav ul{width: 100%;height: 100%;display: flex;}
.foot_nav ul li{flex: 1;height:100%;}
.foot_nav ul li a{height:100%;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.foot_nav ul li a .iconfont{font-size: 0.36rem;line-height: 1;}
.foot_nav ul li a span{font-size: 0.16rem;line-height: 1;margin-top: 0.06rem;}